<template>
  <!-- 消息中心 -->
	<view class="conter">
     <cc-goback title='消息中心' color="#fff"></cc-goback>
       <view class="navigation_head"></view>
		<view class="head">
		  <view class="head_a head_aa">
		    公告
		  </view> 
      <view class="head_b head_aa">
		    提醒
		  </view> 
      <view class="head_c head_aa">
		    反馈
		  </view>
		</view>
    <view class="message">
      <view class="message_a">
        本周五20：00进行系统
      </view> 
      <view class="message_b">
        再大的愿景都是从小处着手，越大的图越要从小处搞越小的东西越要从大处着眼
      </view> 
      <view class="message_c">
        2020.05.06 12:00
      </view> 
    </view> <view class="message">
      <view class="message_a">
        本周五20：00进行系统
      </view> 
      <view class="message_b">
        再大的愿景都是从小处着手，越大的图越要从小处搞越小的东西越要从大处着眼
      </view> 
      <view class="message_c">
        2020.05.06 12:00
      </view> 
    </view> <view class="message">
      <view class="message_a">
        本周五20：00进行系统
      </view> 
      <view class="message_b">
        再大的愿景都是从小处着手，越大的图越要从小处搞越小的东西越要从大处着眼
      </view> 
      <view class="message_c">
        2020.05.06 12:00
      </view> 
    </view> <view class="message">
      <view class="message_a">
        本周五20：00进行系统
      </view> 
      <view class="message_b">
        再大的愿景都是从小处着手，越大的图越要从小处搞越小的东西越要从大处着眼
      </view> 
      <view class="message_c">
        2020.05.06 12:00
      </view> 
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
  .navigation_head{
    height: calc(88rpx + var(--status-bar-height));
  }
  .conter{
    height: 1624rpx;
    background-color: #F7F7F7;
  }
.head{
  width: 100%;
  height: 88rpx;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.head_a{
  border-bottom: 4rpx solid #4EA1FF ;
}
.head_aa{
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.message{
  margin: 20rpx auto 0;
  width: 702rpx;
  height: 240rpx;
  background-color: #fff;
  overflow: hidden;
}
.message_a{
  margin: 31rpx 0 11rpx 30rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.message_b{
 font-size: 26rpx;
 font-family: PingFang-SC-Medium, PingFang-SC;
 font-weight: 500;
 color: #666666;
 margin: 0 30rpx 14rpx;
}
.message_c{
font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #999999;
margin: 0 0 4rpx 30rpx;
}
</style>
